<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>mv</title>
    <link rel="stylesheet" type="text/css" href="css/css_reset.css">
    <link rel="stylesheet" type="text/css" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <style>
       
        .outera{
            width: 1290px;
           
            margin:  auto;
            margin-top: 20px;
        }
        .ul1,
        .ul2,
        h1 {
            clear: both;
        }

        .div1 {
            width: 600px;
            height: 80px;
            
        }

        .div1 li {
            width: 60px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            float: left;
            list-style: none;
        }

        .div1 a{
            text-decoration: none;
            color: #333333
        }

        .div1 a:hover,.div2 a:hover {
            color: #90EE90;
            
        }

        .div1 a:focus {
            color: #fff;
            background-color: #31c27c;
        }
        .div2 .bt1{
            width: 90px;
            height: 40px;
            border: 1px solid #ccc;
            background-color: transparent;
            font-size: 20px;
           position: relative;
           left: 900px;
        }
       .div2 a{
           text-decoration: none;
           color: #000;
       }
       .div2 .bt1:focus{
           color:#fff;
        background-color: #31c27c;
       }
        h1 {
            width: 100px;
            height: 40bpx;
            font-size: 25px;
            font-weight: 700;
            margin-left: 15px; 
            display: inline-block;
            position: relative;
        }
        
        
    </style>
</head>

<body>

    <div class="container">
        <div class="header">
            <div class="header_top">
                <h1>
                    <a href="#"><img src="https://y.qq.com/mediastyle/yqq/img/logo.png" alt=""></a>
                </h1>
                <ul class="big_nav">
                    <li><a href="#">音乐馆</a></li>
                    <li><a href="#">我的音乐</a></li>
                    <li><a href="#">客户端</a></li>
                    <li><a href="#">开放平台</a></li>
                    <li><a href="#">VIP</a></li>
                </ul>

                <input type="search" placeholder="搜索音乐、MV、歌单、用户">
                <a href="#"><i class="icon"></i></a>
                <a href="#" class="login">
                    <p>登录</p>
                </a>
                <ul class="vip">
                    <li>开通VIP<i></i>
                        <ul class="vip1">
                            <li>开通绿钻豪华版</li>
                            <li>开通付费包</li>
                        </ul>
                    </li>
                </ul>
                <ul class="recharge">
                    <li>充值<i></i>
                        <ul class="recharge1">
                            <li>充值乐币</li>
                            <li>充值饭票</li>
                        </ul>
                    </li>
                </ul>

            </div>
            <div class="header_bottom">
                <ul>
                    <li><a href="/index.html">首页</a></li>
                    <li><a href="/singer1.html">歌手</a></li>
                    <li><a href="/songdisc.html">新碟</a></li>
                    <li><a href="/Ranking_list.html">排行榜</a></li>
                    <li><a href="/classify.html">分类歌单</a></li>
                    <li><a href="/radio_station.html">电台</a></li>
                    <li><a href="/mv.html">MV</a></li>
                    <li><a href="/Digital_album.html">数字专辑</a></li>
                    <li><a href="#">票务</a></li>
                </ul>

            </div>
        </div>
    </div>
    <div class="outera">
    <div class="div1">
        <ul class="ul1">
            <li>区域</a></li>
            <li><a href="#">全部</a></li>
            <li><a href="m1.html" target="footera">内地</a></li>
            <li><a href="m2.html" target="footera">港台</a></li>
            <li><a href="#">欧美</a></li>
            <li><a href="#">韩国</a></li>
            <li><a href="#">日本</a></li>
        </ul>
        <ul class="ul2">
            <li>版本</a></li>
            <li><a href="#">全部</a></li>
            <li><a href="#">MV</a></li>
            <li><a href="#">现场</a></li>
            <li><a href="#">翻唱</a></li>
            <li><a href="#">舞蹈</a></li>
            <li><a href="#">影视</a></li>
            <li><a href="#">综艺</a></li>
            <li><a href="#">儿歌</a></li>
        </ul>
    </div>
    
   
    <div class="div2">
         <h1>全部MV</h1>
            <button class="bt1" ><a href="#">最新</a></button>
            <button class="bt1"><a href="#">最热</a></button>
            
   </div>
    <iframe src="m1.html" name="footera" frameborder="0" scrolling="no" width="1290px" height="1000px"></iframe>
    
</div>


<div class="footerbodyer">
    <div>
        <div class="footerleft">
            <div>
                <h4>下载QQ音乐客户端</h4>
            </div>
            <div>
                <ul class="icons">
                    <a href="">
                        <li>
                            <p>PC版</p>
                        </li>
                    </a>
                    <li>
                        <p>Mac版</p>
                    </li>
                    <li>
                        <p>Android版</p>
                    </li>
                    <li>
                        <p>iphone版</p>
                    </li>
                </ul>
            </div>
            <div>
                <h3>开放平台</h3>
                <ul class="icons1">
                    <li><a href="">QQ音乐开放平台</a></li>
                    <li><a href="">腾讯音乐人</a></li>
                </ul>
            </div>
        </div>
        <div class="footermiddle">
            <div>
                <h4>特色产品</h4>
            </div>
            <div>
                <ul class="iconss">
                    <li>
                        <p>全民k歌</p>
                    </li>
                    <li>
                        <p>Super&nbsp;Sound</p>
                    </li>
                    <li>
                        <p>Qplay</p>
                    </li>
                    <li>
                        <p>Fan直播伴侣</p>
                    </li>
                </ul>
            </div>
            <div>
                <h3>TME集团官网</h3>
                <ul class="icons2">
                    <li><a href="">腾讯音乐</a></li>
                </ul>
            </div>
        </div>
        <div class="footerright">
            <h4>合作链接</h4>
            <div class="iconsss">
                <ul>
                    <li><a href="">CJ&nbsp;ENM</a></li>
                    <li><a href="">最新版QQ</a></li>
                    <li><a href="">QQ浏览器</a></li>
                    <li><a href="">企鹅FM</a></li>
                </ul>
                <ul>
                    <li><a href="">腾讯视频</a></li>
                    <li><a href="">腾讯社交广告</a></li>
                    <li><a href="">腾讯微云</a></li>
                    <li><a href="">智能电视网</a></li>
                </ul>
                <ul>
                    <li><a href="">手机QQ空间</a></li>
                    <li><a href="">电脑管家</a></li>
                    <li><a href="">腾讯云</a></li>
                    <li><a href="">当贝市场</a></li>
                </ul>
            </div>
        </div>
        <div class="footerfooter">
            <ul class="footerlist1">
                <li><a href="">关于腾讯|</a></li>
                <li><a href="">About&nbsp;Tencent|</a></li>
                <li><a href="">服务条款|</a></li>
                <li><a href="">用户服务协议|</a></li>
                <li><a href="">隐私政策|</a></li>
                <li><a href="">权利声明|</a></li>
                <li><a href="">广告服务|</a></li>
                <li><a href="">腾讯招聘|</a></li>
                <li><a href="">客服中心|</a></li>
                <li><a href="">网站导航</a></li>
            </ul>
            <h5>Copyright © 1998 - 2021 Tencent. All Rights Reserved.</h5>
            <h5>腾讯公司 版权所有 网络文化经营许可证:<a href="">粤网文[2018]6725-2386号</a></h5>
        </div>
    </div>

</div>

</body>

</html>